<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>厦游网</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="application/x-javascript">addEventListener("load", function() {
		setTimeout(hideURLbar, 0);
	}, false);
	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--fonts-->
<link
	href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic'
	rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<!-- js -->
<script src="js/bootstrap.js"></script>
<!-- js -->
<!-- js -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 900);
		});
	});
</script>
<!--/script-->
</head>

<body>
	<%@ include   file="top.jsp" %>
	
	<div class="index-abt">
		<div class="container">
			<div class="col-md-3 index-abt1">
				<div class="abt-img">
					<i class="glyphicon glyphicon-euro"> </i>
				</div>
				<h3>Voluptatem</h3>
				<p>寻找景点</p>
			</div>
			<div class="col-md-3 index-abt1">
				<div class="abt-img">
					<i class="glyphicon glyphicon-share"> </i>
				</div>
				<h3>Accusantium</h3>
				<p>攻略查询</p>
			</div>
			<div class="col-md-3 index-abt1">
				<div class="abt-img">
					<i class="glyphicon glyphicon-screenshot"> </i>
				</div>
				<h3>Dolore magna</h3>
				<p>发表游记</p>
			</div>
			<div class="col-md-3 index-abt1">
				<div class="abt-img">
					<i class="glyphicon glyphicon-btc"> </i>
				</div>
				<h3>Eros Integer</h3>
				<p>随心看</p>
			</div>
		</div>
	</div>
	<div class="index-p">
		<div class="container">
			<div class="col-md-6 green-gird">
				<img src="images/index-p.jpg" alt="" /> <img
					src="images/index-p1.jpg" alt="" />
			</div>
			<div class="col-md-6 index-ptext">
				<h3>${Articles.articleTitle}最新游记的标题</h3>
				<p>${Articles.articleContent}最新游记的内容</p>
				<p>${Articles.articleDate}最新游记的时间</p>
				<a href="about.html">暂定<i
					class="glyphicon glyphicon-arrow-right"> </i></a>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="index-works">
		<div class="container">

			<div class="col">
				<div class="col2">
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/we.jpg" alt="" /> <figcaption>
						<h4>Enimet pulvinar posuere</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>${Articles.articleTitle}游记1的标题</h3>
							<p>${Articles.articleDate}游记1的标题</p>
						</div>
					</div>
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/we1.jpg" alt="" /> <figcaption>
						<h4>Enimet pulvinar posuere</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>${Articles.articleTitle}游记2的标题</h3>
							<p>${Articles.articleDate}游记2的时间</p>
						</div>
					</div>
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/w32.jpg" alt="" /> <figcaption>
						<h4>Enimet pulvinar posuere</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>${Articles.articleTitle}游记3的标题</h3>
							<p>${Articles.articleDate}游记3的时间</p>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="col next-col">
				<div class="col2">
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/w32.jpg" alt="" /> <figcaption>
						<h4>Enimet pulvinar posuere</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>Accusantium</h3>
							<p>景点4</p>
						</div>
					</div>
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/we1.jpg" alt="" /> <figcaption>
						<h4>Enimet pulvinar posuere</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>Voluptatem</h3>
							<p>景点5</p>
						</div>
					</div>
					<div class="col-md-4 col1">
						<figure class="effect-bubba"> <img class="img-responsive"
							src="images/we.jpg" alt="" /> <figcaption>
						<h4>Eros Integer</h4>
						<p>In sit amet sapien eros Integer dolore magna aliqua</p>
						</figcaption> </figure>
						<div class="clearfix"></div>
						<div class="effect-gird">
							<h3>Dolore magna</h3>
							<p>景点6</p>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function() {
			$("#slider").responsiveSlides({
				auto : true,
				nav : true,
				speed : 500,
				namespace : "callbacks",
				pager : true,
			});
		});
	</script>
	<%@ include file="buttom.jsp" %>
</body>
</html>
